<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_792551_0o4jg9vy3hmh.css"/>
    <link rel="stylesheet" href="../css/index.css">
    <title>Document</title>
</head>
<body>
    <div class="wrap">
        <header>
            <div class="top">
                <div class="top-t clearfix w">
                    <span>
                        <a href="reg.html">注册</a>
                        <a href="reg.html">登录</a>
                        <a href="VIP_landing.html">VIP登录</a>
                    </span>
                    <ul>
                        <li><a href="search.html">商家入驻</a></li>
                        <li><a href="shopping-Mall-shopping-cart.html">我的订单</a></li>
                        <li><a href="shopping-address.html"><b class="iconfont icon-gouwuche"></b> <b>( 0 )</b></a></li>
                    </ul>
                </div>
        	</div>
	        <div class="header_contant clearfix w">
	            <div class="logo">
	                <a href="index.html"><img src="../images/index/logo.png"/></a>
	            </div>
	            <div class="search">
	                <form action="" method="post" class="clearfix">
	                    <input type="text" placeholder="serch"/>
	                    <input type="button" value=""/>
	                    <i class="iconfont icon-fangdajing magnifying"></i>
	                </form>
	                <ul class="clearfix">
	                    <li><a href="#">地板</a></li>
	                    <li><a href="#">地板</a></li>
	                    <li><a href="#">地板</a></li>
	                    <li><a href="#">地板</a></li>
	                    <li><a href="#">地板</a></li>
	                    <li><a href="#">地板</a></li>
	                </ul>
	            </div>
	        </div>
            <nav>
                <div class="nav w">
                    <ul class="clearfix">
                        <li class="nav_li">
                            <a href="login-accounts.html">木工</a>
                            <div class="navigation">
                                <div class="centent w">
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">板材</li>
                                            <li><a href="#">装饰面板</a></li>
                                            <li><a href="#">宝丽板</a></li>
                                            <li><a href="#">三聚氰胺板</a></li>
                                            <li><a href="#">铝塑板</a></li>
                                            <li><a href="#">多层板</a></li>
                                            <li><a href="#">中纤板</a></li>
                                            <li><a href="#">细木工板</a></li>
                                            <li><a href="#">刨花板</a></li>
                                        </ul>
                                        <ul class="spacing">
                                            <li><a href="#">欧松板</a></li>
                                            <li><a href="#">防火板</a></li>
                                            <li><a href="#">密度板</a></li>
                                            <li><a href="#">其他板材</a></li>
                                        </ul>
                                    </div>
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">地板</li>
                                            <li><a href="#">实木地板</a></li>
                                            <li><a href="#">实木复合地板</a></li>
                                            <li><a href="#">强化复合地板</a></li>
                                            <li><a href="#">竹地板</a></li>
                                            <li><a href="#">软木地板</a></li>
                                            <li><a href="#">塑料地板</a></li>
                                            <li><a href="#">PVC地板</a></li>
                                            <li><a href="#">其他地板</a></li>
                                        </ul>
                                    </div>
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">木线</li>
                                            <li><a href="#">普通龙骨</a></li>
                                            <li><a href="#">精品龙骨</a></li>
                                            <li><a href="#">顶线</a></li>
                                            <li><a href="#">门线</a></li>
                                            <li><a href="#">角线</a></li>
                                            <li><a href="#">木方线</a></li>
                                            <li><a href="#">收口线</a></li>
                                            <li><a href="#">花木线</a></li>
                                        </ul>
                                        <ul class="spacing">
                                            <li><a href="#">踢脚线</a></li>
                                            <li><a href="#">定制木线</a></li>
                                            <li><a href="#">其他木线</a></li>
                                        </ul>
                                    </div>
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">地板配件</li>
                                            <li><a href="#">地板订</a></li>
                                            <li><a href="#">扣条</a></li>
                                            <li><a href="#">地垫</a></li>
                                            <li><a href="#">地板蜡</a></li>
                                            <li><a href="#">地板清洁剂</a></li>
                                            <li><a href="#">底板防水油</a></li>
                                            <li><a href="#">地板修补剂</a></li>
                                            <li><a href="#">甲醛清除剂</a></li>
                                        </ul>
                                        <ul class="spacing">
                                            <li><a href="#">地板安装工具</a></li>
                                            <li><a href="#">其他地板配件</a></li>
                                        </ul>
                                    </div>
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">吊顶钢龙骨</li>
                                            <li><a href="#">吊筋</a></li>
                                            <li><a href="#">吊钢</a></li>
                                            <li><a href="#">轻钢龙骨</a></li>
                                            <li><a href="#">扣板龙骨</a></li>
                                            <li><a href="#">铝合金龙骨</a></li>
                                            <li><a href="#">其他吊件</a></li>
                                        </ul>
                                    </div>
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">木工类五金</li>
                                            <li><a href="#">拉手</a></li>
                                            <li><a href="#">锁</a></li>
                                            <li><a href="#">合页</a></li>
                                            <li><a href="#">铰链</a></li>
                                            <li><a href="#">插销</a></li>
                                            <li><a href="#">门夹</a></li>
                                            <li><a href="#">碰珠</a></li>
                                            <li><a href="#">脚轮</a></li>
                                        </ul>
                                        <ul class="spacing">
                                            <li><a href="#">闭门器</a></li>
                                            <li><a href="#">地弹簧</a></li>
                                            <li><a href="#">吊轮</a></li>
                                            <li><a href="#">导轨</a></li>
                                            <li><a href="#">螺栓</a></li>
                                            <li><a href="#">钉</a></li>
                                            <li><a href="#">角码</a></li>
                                            <li><a href="#">螺母</a></li>
                                        </ul>
                                        <ul class="spacing">
                                            <li class="clearfix"><a href="#">围网</a></li>
                                            <li><a href="#">其他木工五金</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="nav_li">
                            <a href="#">泥水工</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">油漆工</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">电工</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">门窗/其他</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">装修工具</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">消防材料</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">建筑防具</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">精细化学品</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">定制/非标准</a>
                        </li>
                    </ul>
                </div>
            </nav>
        </header> 
        <div class="header_img">
            <a href="#">
            	<img src="../images/index/topbanner.jpg" alt="">
            </a>
        </div>
        <section class="w">
            <div class="section-headbox clearfix">
                <div class="section-headbox-left">
                    <img src="../images/index/animation1.jpg" alt="">
                    <div class="hover">
                        <h3>主标题</h3>
                        <p>副标题<br><a href="#">立即抢购>></a></p>
                    </div>
                </div>
               <div class="section-headbox-mid">
                   <img src="../images/index/animation2.jpg" alt="">
                   <div class="hover">
                        <h3>您的私人装修管家</h3>
                        <p>够省才够high<br><a href="#">立即抢购>></a></p>
                    </div>
               </div> 
               <div class="section-headbox-right">
                   <img src="../images/index/animation3.jpg" alt="">
                   <div class="hover">
                       <h3>品牌特卖</h3>
                       <p>自然之宝全新升级<br><a href="#">立即抢购>></a></p>
                   </div>
               </div>
            </div>
            <div class="brand-logo">
            	<ul class="clearfix">
            		<li>
            			<div class="brand-logo-img">
            				
            			</div>
            			<p>高仪</p>
            		</li>
            		<li>
            			<div class="brand-logo-img">
            				
            			</div>
            			<p>高仪</p>
            		</li>
            		<li>
            			<div class="brand-logo-img">
            				
            			</div>
            			<p>高仪</p>
            		</li>
            		<li>
            			<div class="brand-logo-img">
            				
            			</div>
            			<p>高仪</p>
            		</li>
            		<li>
            			<div class="brand-logo-img">
            				
            			</div>
            			<p>高仪</p>
            		</li>
            		<li>
            			<div class="brand-logo-img">
            				
            			</div>
            			<p>高仪</p>
            		</li>
            		<li>
            			<div class="brand-logo-img">
            				
            			</div>
            			<p>高仪</p>
            		</li>
            		<li>
            			<div class="brand-logo-img">
            				
            			</div>
            			<p>高仪</p>
            		</li>
            		<li>
            			<div class="brand-logo-img">
            				
            			</div>
            			<p>高仪</p>
            		</li>
            		<li>
            			<div class="brand-logo-img2">
            				
            			</div> 
            			<p>换一批</p>
            		</li>
            	</ul>
            </div>
            <div class="second_ad">
				<table border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td rowspan="2">
							<div class="content_first">
								<div class="vertical">
									<a href="#">
										<img src="../images/index/p0.jpg"/>
									</a>
								</div>
								<h4>主标题主标题</h4>
								<p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</p>
							</div>
						</td>
						<td>
							<div class="content_second">
								<div class="normal">
									<a href="#">
										<img src="../images/index/p1.jpg"/>
									</a>
								</div>
								<h4>主标题主标题</h4>
								<p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</p>
							</div>
						</td>
						<td colspan="2">
							<div class="content_third">
								<div class="across">
									<a href="#">
										<img src="../images/index/p2.jpg"/>
									</a>
								</div>
								<h4>主标题主标题</h4>
								<p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</p>
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<div class="content_second">
								<div class="normal">
									<a href="#">
										<img src="../images/index/p3.jpg"/>
									</a>
								</div>
								<h4>主标题主标题</h4>
								<p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</p>
							</div>
						</td>
						<td rowspan="2">
							<div class="content_first">
								<div class="vertical">
									<a href="#">
										<img src="../images/index/p5.jpg"/>
									</a>
								</div>
								<h4>主标题主标题</h4>
								<p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</p>
							</div>
						</td>
						<td>
							<div class="content_second">
								<div class="normal">
									<a href="#">
										<img src="../images/index/p6.jpg"/>
									</a>
								</div>
								<h4>主标题主标题</h4>
								<p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</p>
							</div>
						</td>
					</tr>
					<tr>
						<td colspan="2">
							<div class="content_third">
								<div class="across">
									<a href="#">
										<img src="../images/index/p4.jpg"/>
									</a>
								</div>
								<h4>主标题主标题</h4>
								<p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</p>
							</div>
						</td>
						<td>
							<div class="content_second">
								<div class="normal">
									<a href="#">
										<img src="../images/index/p7.jpg"/>
									</a>
								</div>
								<h4>主标题主标题</h4>
								<p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</p>
							</div>
						</td>
					</tr>
				</table>
			</div>
			<!--中间广告条-->
			<div class="mid_banner">
				<div class="mid_banner_img">
					<a href="#">
						<img src="../images/index/midbanner.jpg"/>
					</a>
				</div>
			</div>
			<!--商品楼层一-->
			<div class="commodity_floor first_floor">
				<!--头标题、导航栏-->
				<div class="hd clearfix">
					<div class="head_title fl">
						<div class="head_title_l fl">
							<span>商品楼层一</span>
						</div>
						<div class="head_title_r fl">
							<span>Commodity floor one</span>
						</div>
					</div>
					<div class="head_nav fr">
						<ul class="clearfix">
							<li>
								<a href="#">地砖</a>
							</li>
							<li>
								<a href="#">地板配线</a>
							</li>
							<li>
								<a href="#">木线</a>
							</li>
							<li>
								<a href="#">地板</a>
							</li>
							<li>
								<a href="#">地砖</a>
							</li>
							<li>
								<a href="#">地板配线</a>
							</li>
							<li>
								<a href="#">木线</a>
							</li>
							<li>
								<a href="#">地板</a>
							</li>
							<li>
								<a href="#">地砖</a>
							</li>
							<li>
								<a href="#">地板配线</a>
							</li>
							<li>
								<a href="#">木线</a>
							</li>
							<li>
								<a href="#">地板</a>
							</li>
						</ul>
					</div>
				</div>
				<!--内容-->
				<div class="bd clearfix">
					<div class="bd_l fl">
						<div class="bd_l_top">
							<a href="#"><img src="../images/index/first_floor.jpg"/></a>
							<div class="promotion">
								<p><a href="#">促销广告文案如满199减100></a></p>
							</div>
						</div>
						<div class="bd_l_bot">
							<h3>品质家装会场</h3>
							<p>买就送豪礼</p>
							<div class="small_logo">
								<img src="../images/index/small_logo.png"/>
							</div>
						</div>
					</div>
					<div class="bd_r fl">
						<ul class="clearfix">
							<li>
								<div class="headline">
									<h3>主标题主标题</h3>
									<p>副标题副标题</p>
								</div>
								<div class="commodity">
									<a href="#">
										<img src="../images/index/first01.jpg"/>
									</a>
								</div>
							</li>
							<li>
								<div class="headline">
									<h3>主标题主标题</h3>
									<p>副标题副标题</p>
								</div>
								<div class="commodity">
									<a href="#">
										<img src="../images/index/first02.jpg"/>
									</a>
								</div>
							</li>
							<li>
								<div class="headline">
									<h3>主标题主标题</h3>
									<p>副标题副标题</p>
								</div>
								<div class="commodity">
									<a href="#">
										<img src="../images/index/first03.jpg"/>
									</a>
								</div>
							</li>
							<li>
								<div class="headline">
									<h3>主标题主标题</h3>
									<p>副标题副标题</p>
								</div>
								<div class="commodity">
									<a href="#">
										<img src="../images/index/first04.jpg"/>
									</a>
								</div>
							</li>
							<li>
								<div class="headline">
									<h3>主标题主标题</h3>
									<p>副标题副标题</p>
								</div>
								<div class="commodity">
									<a href="#">
										<img src="../images/index/first05.jpg"/>
									</a>
								</div>
							</li>
							<li>
								<div class="headline">
									<h3>主标题主标题</h3>
									<p>副标题副标题</p>
								</div>
								<div class="commodity">
									<a href="#">
										<img src="../images/index/first06.jpg"/>
									</a>
								</div>
							</li>
							<li>
								<div class="headline">
									<h3>主标题主标题</h3>
									<p>副标题副标题</p>
								</div>
								<div class="commodity">
									<a href="#">
										<img src="../images/index/first07.jpg"/>
									</a>
								</div>
							</li>
							<li>
								<div class="headline">
									<h3>主标题主标题</h3>
									<p>副标题副标题</p>
								</div>
								<div class="commodity">
									<a href="#">
										<img src="../images/index/first08.jpg"/>
									</a>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--商品楼层二-->
			<div class="commodity_floor second_floor">
				<!--头标题、导航栏-->
				<div class="hd clearfix">
					<div class="head_title fl">
						<div class="head_title_l fl">
							<span>商品楼层二</span>
						</div>
						<div class="head_title_r fl">
							<span>Commodity floor two</span>
						</div>
					</div>
					<div class="head_nav fr">
						<ul class="clearfix">
							<li>
								<a href="#">地砖</a>
							</li>
							<li>
								<a href="#">地板配线</a>
							</li>
							<li>
								<a href="#">木线</a>
							</li>
							<li>
								<a href="#">地板</a>
							</li>
							<li>
								<a href="#">地砖</a>
							</li>
							<li>
								<a href="#">地板配线</a>
							</li>
							<li>
								<a href="#">木线</a>
							</li>
							<li>
								<a href="#">地板</a>
							</li>
							<li>
								<a href="#">地砖</a>
							</li>
							<li>
								<a href="#">地板配线</a>
							</li>
							<li>
								<a href="#">木线</a>
							</li>
							<li>
								<a href="#">地板</a>
							</li>
						</ul>
					</div>
				</div>
				<!--内容-->
				<div class="bd clearfix">
					<div class="bd_l fl">
						<div class="bd_l_top">
							<a href="#"><img src="../images/index/second_floor.jpg"/></a>
							<div class="promotion">
								<p><a href="#">促销广告文案如满199减100></a></p>
							</div>
						</div>
						<div class="bd_l_bot">
							<h3>品质家装会场</h3>
							<p>买就送豪礼</p>
							<div class="small_logo">
								<img src="../images/index/small_logo.png"/>
							</div>
						</div>
					</div>
					<div class="bd_r fl">
						<ul class="clearfix">
							<li>
								<div class="headline">
									<h3>主标题主标题</h3>
									<p>副标题副标题</p>
								</div>
								<div class="commodity">
									<a href="#">
										<img src="../images/index/second01.jpg"/>
									</a>
								</div>
							</li>
							<li>
								<div class="headline">
									<h3>主标题主标题</h3>
									<p>副标题副标题</p>
								</div>
								<div class="commodity">
									<a href="#">
										<img src="../images/index/second02.jpg"/>
									</a>
								</div>
							</li>
							<li>
								<div class="headline">
									<h3>主标题主标题</h3>
									<p>副标题副标题</p>
								</div>
								<div class="commodity">
									<a href="#">
										<img src="../images/index/second02.jpg"/>
									</a>
								</div>
							</li>
							<li>
								<div class="headline">
									<h3>主标题主标题</h3>
									<p>副标题副标题</p>
								</div>
								<div class="commodity">
									<a href="#">
										<img src="../images/index/second04.jpg"/>
									</a>
								</div>
							</li>
							<li>
								<div class="headline">
									<h3>主标题主标题</h3>
									<p>副标题副标题</p>
								</div>
								<div class="commodity">
									<a href="#">
										<img src="../images/index/second05.jpg"/>
									</a>
								</div>
							</li>
							<li>
								<div class="headline">
									<h3>主标题主标题</h3>
									<p>副标题副标题</p>
								</div>
								<div class="commodity">
									<a href="#">
										<img src="../images/index/second06.jpg"/>
									</a>
								</div>
							</li>
							<li>
								<div class="headline">
									<h3>主标题主标题</h3>
									<p>副标题副标题</p>
								</div>
								<div class="commodity">
									<a href="#">
										<img src="../images/index/second07.jpg"/>
									</a>
								</div>
							</li>
							<li>
								<div class="headline">
									<h3>主标题主标题</h3>
									<p>副标题副标题</p>
								</div>
								<div class="commodity">
									<a href="#">
										<img src="../images/index/second08.jpg"/>
									</a>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
        </section>
        <aside>
			<a href="#"><img src="../images/index/user.jpg" alt="" class="user"></a>
			<a href="classify.html"><img src="../images/index/pinpai.jpg" alt="" class="pinpai"></a>
			<a href="#"><img src="../images/index/collection.jpg" alt="" class="collection"></a>
			<a href="#"><img src="../images/index/liulan.jpg" alt="" class="liulan"></a>
			<div class="shoppingcar">
				<a href="shoppingcar.html"><img src="../images/index/shoppingcar.jpg" alt=""><br>
				<p>(0)</p></a>
			</div>
        </aside>
        <footer>
            <div class="footer_tittle clearfix w">
                <ul>
                    <li class="quan"><p>优</p></li>
                    <li>
                        <h5>品质保障</h5>
                        <span>品质保障 品质无忧</span>
                    </li>
                </ul>
                <ul>
                    <li class="quan"><p>特</p></li>
                    <li>
                        <h5>特色服务</h5>
                        <span>针对户型 私人定制</span>
                    </li>
                </ul>
                <ul>
                    <li class="quan"><p>省</p></li>
                    <li>
                        <h5>全网最低</h5>
                        <span>厂家直销 低价承诺</span>
                    </li>
                </ul>
                <ul>
                    <li class="bangzhu"><p class="iconfont icon-bangzhuzhongxin"></p></li>
                    <li>
                        <h5>帮助中心</h5>
                        <span>你的购物指南</span>
                    </li>
                </ul>
            </div>
            <div class="footer_ul clearfix w">
                <ul>
                    <li>
                        <h5><a href="#">新手指南</a></h5>
                    </li>
                    <li>
                        <a href="#">新手指南</a>
                    </li>
                    <li>
                        <a href="#">购物流程</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <h5><a href="#">支付方式</a></h5>
                    </li>
                    <li>
                        <a href="#">支付宝</a>
                    </li>
                    <li>
                        <a href="#">微信支付</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <h5><a href="#">物流配送</a></h5>
                    </li>
                    <li>
                        <a href="#">物流方式</a>
                    </li>
                    <li>
                        <a href="#">服务流程</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <h5><a href="#">客服中心</a></h5>
                    </li>
                    <li>
                        <a href="#">在线客服</a>
                    </li>
                    <li>
                        <a href="#">常见问题</a>
                    </li>
                </ul>
                <ul>
                    <li class="xiongdi">
                        <a href="#">扫一扫，关注鲁班兄弟</a>
                    </li>
                    <li class="erweima">
                        <a href="#"><img src="../images/index/erweima.jpg"/></a>
                    </li>
                </ul>
            </div>
            <div class="bottom">
                <div class="bottom_contant">
                    <p>
                    	Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035771<span>|</span><a href="#">关于我们</a><span>|</span><a href="#">联系我们</a><span>|</span><a href="#">法律声明</a>
                    </p>
                </div>
            </div>
        </footer>
    </div>
</body>
</html>